草庐IT

CSS3 多媒体查询

全部标签

javascript - Webpack 提取文本插件输出 .js 和 .css 文件用于样式条目

对于产品构建,我希望我的webpack配置有两个入口点,一个用于JS,一个用于SCSS,我希望将它们输出到两个单独的文件(一个JS,一个CSS)。但是extract-text-webpack-plugin正在创建两个JS文件和一个CSS文件;即SCSS的入口点正在生成所需的CSS文件和我不需要的JS文件。这个未使用的JS文件只包含webpack样板和//由extract-text-webpack-plugin删除。所以它的工作很好,但仍然创建了这个不必要的文件。我的webpack配置是(显示相关部分):constExtractTextPlugin=require('extract-te

javascript - 从 Javascript 更改媒体特定的 CSS 属性

我有一个CSS属性(字体),我需要能够从Javascript(下拉列表)更改它。但是,这种字体只能在打印时使用(@mediaprint)。因此,javascript不能只更改字体的值,因为这也会影响屏幕View。有没有办法只更改字体属性的打印版本?或者有没有办法让CSS属性成为对另一个属性的引用?这样,在打印CSS中,我可以说font:printfont,而在屏幕CSS中,我可以说font:12。然后改变printfont的值,打印时只会改变字体。谢谢。编辑:重点是我需要能够从下拉菜单中更改打印文档的字体大小,但我不想更改文档显示的字体大小。 最佳答案

javascript - 为什么可以像查询数组一样查询 jQuery ('div' )?

我有另一个关于jQuery架构的问题。$('div')构造一个新的jQuery对象:$('div')instanceofjQuery;//true我想知道为什么可以像查询数组一样查询它,尽管它不是数组?$('div')[0];//returnsthefirstdivinthedocumentasaDOMnode.$.isArray($('div'));//false我就是喜欢这种语法,它看起来很干净!我还注意到这会将DOM节点作为数组返回:console.log($('div'));有人能解释一下如何对我自己的对象实现这种行为吗?我自己的方法是用这样的一些方法创建一个数组:vara=[

javascript - 使用 CSS 动态地为表中的替代行设置 bgcolor

如何使用CSS动态地为表格中的替代行提供两种不同的bgcolor。我不想使用jQuery来解决这个问题。 最佳答案 使用:nth-child()伪类tr:nth-child(odd){background-color:green}tr:nth-child(even){background-color:yellow}​DEMOHere是更多的选择器示例。 关于javascript-使用CSS动态地为表中的替代行设置bgcolor,我们在StackOverflow上找到一个类似的问题:

javascript - 如何在 Mongoose 中构建条件查询?

以下代码适用于无查询字符串或仅适用于一个查询字符串。换句话说,只需转到/characters即可返回所有字符。但是,如果您要指定查询字符串参数/characters?gender=male,它将仅返回男性字符。我如何扩展它以使用1、2、3或无查询字符串?我真的希望避免为每个案例编写8或9个不同的if语句。我希望Mongoose会简单地忽略$where子句,如果它是null或undefined,但事实并非如此(请参阅注释掉的代码).vargender=req.query.gender;varrace=req.query.race;varbloodline=req.query.bloodl

javascript - CSS 动画不会在 jQuery 中的 addClass 上触发

我有一个非常奇怪的问题。我在jQuery中从JSON加载文章,当它们加载时,我想为每个动态元素添加一个“动画”类。$.each(jsonArticles,function(i,article){var$articleHTML=$(''+''+''+article.reviewTitle+''+''+article.reviewSummary+''+'');$articles.append($articleHTML).find("article").addClass("animate");});所有这一切都很好,在Firebug中检查显示该类已成功添加到每个文章标签。但是,当尝试在文章上

javascript - 在 webpack 的 css 和 js 文件中更新 chunkhash

我在输出中只有JS文件,而我使用ExtractTextPlugin提取Css文件。它们的名称中都有chunkhash。我的问题是只有在对JS进行更改时才会创建新的chunkhash并且不是CSS。我也想要新的chunkhash来更改Css文件。在我的webpack.config.js文件中。varwebpack=require("webpack");varHtmlWebpackPlugin=require('html-webpack-plugin');varExtractTextPlugin=require("extract-text-webpack-plugin");module.e

javascript - 如何使用 javascript 激活 CSS3 (webkit) 动画?

我真的卡住了。我想要我创建的CSS动画(如下)在单击div时激活。我认为我能做到的唯一方法是使用javascript创建一个onClick事件。但是我不知道如何运行/引用我的css文件中的动画。谁能帮帮我?这是我的css文件中的动画,我想通过单击一个div来运行它。@-webkit-keyframescolorchange{0%{background-color:red;opacity:1.0;-webkit-transform:scale(1.0)rotate(0deg);}33%{background-color:blue;opacity:0.75;-webkit-transfor

javascript - 我如何在 Meteor 的 Mongo 查询中使用变量作为字段名称?

我将如何在Meteor应用程序的Mongo查询中使用变量作为字段名称。这是一个例子...在将子项的父ID的集合名称大写后,这会在我的请求Controller集合上运行查找。子项是users字段。window[Meteor.request.controller.capitalise()]["find"]({_id:Session.get('parent_id'),users:params.child}).count()如您所见,我的Controller是集合项的变量名称,它允许我使用一行代码来查找Controller/集合的子项,但我需要能够将子字段名称设置为变量。在上面的示例中,它是u

javascript - CSS "mix-blend-mode"测试

我想使用CSS的属性:mix-blend-mode:soft-light;我将通过Modernizr测试回退blabla...测试:Modernizr.mixblendmode//undefinedModernizr.testProp('mixblendmode');//falseModernizr.addTest('mixblendmode');//no-mixblendmode我错过了什么?已在Firefox上测试,CSS可以正常工作,但如何使用Modernizr进行测试? 最佳答案 知道了:Modernizr.addTest(